<template>
	<view class="c-content">
		<view class="close-box" @click="close">
			<image src="../../static/images/close-01.png"></image>
		</view>
		<view class="info-box">
			<BillInfoData></BillInfoData>
			<BillInfoOperate></BillInfoOperate>
			<BillInfoNote></BillInfoNote>
		</view>
		<BillInfoFixedBottom></BillInfoFixedBottom>
	</view>
</template>

<script>
	import BillInfoData from "./BillInfoData.vue";
	import BillInfoOperate from "./BillInfoOperate.vue";
	import BillInfoNote from "./BillInfoNote.vue";
	import BillInfoFixedBottom from "./BillInfoFixedBottom.vue";
	export default {
		components : { BillInfoData , BillInfoOperate , BillInfoNote , BillInfoFixedBottom},
		props:["orderInfoData" , "customer_info" , "address"],
		data() {
			return {
			};
		},
		methods:{
			close()
			{
				console.log("click close!!!");
				this.$emit("showDocumentInfo",false);
			},
		}
	}
</script>

<style lang="scss">
	.c-content
	{
		position: relative;
		box-sizing: border-box;
		width: 310px;
		height: 100%;
		// position: relative;
		background: #F9F9F9;
		.close-box
		{
			width: 15px;
			height: 15px;
			// position: absolute;
			position: fixed;
			top:20px;
			right: 20px;
			cursor: pointer;
			z-index: 9999;
			image
			{
				width: 100%;
				height: 100%;
			}
		}
		.info-box
		{
			padding-top: 110px;
		}
	}
	
</style>
